草庐IT

flink 滚动窗口

全部标签

javascript - 当浏览器滚动条出现和消失时保持网页居中

我认为这是一个非常基本的问题。我有一个网站,其中一些页面可能适合浏览器的可视垂直区域,而另一些则不会(很多网站肯定是这样的)。当用户在桌面浏览器上从一个页面浏览到另一个页面时,垂直滚动条会出现和消失,具体取决于页面。其影响是,当用户刚刚选择另一个导航链接时,居中的页面不断移动滚动条的宽度-什么是阻止这种情况发生的最简单方法,而不是让我的所有网页都保持相同的高度?第二部分-为什么桌面浏览器不只保留垂直滚动条区域,也许有办法强制保留它们? 最佳答案 这样做(不适用于IE6):body{overflow-y:scroll;}如果您还想始终

javascript - 如何在 Facebook Canvas 框架内捕获滚动事件?

当用户滚动facebook应用程序的Canvasiframe时,我正在尝试捕捉。我试过:$(window).scroll(...)$(document).scroll(...)$(parent).scroll(...)$(parent.document).scroll(...)但它不会触发。 最佳答案 我认为您的意思是在用户滚动主页时​​捕获,而不是iframe,对吗?您不能直接这样做,您必须使用FB.Canvas.getPageInfo,如http://developers.facebook.com/docs/reference/

javascript - 如何解决在 JavaScript 中使用视差效果滚动时元素闪烁?

我正在尝试使用JavaScript重新创建具有视差效果的网站。这意味着我有两层或更多层,它们在滚动时以不同的速度移动。在我的例子中,我只移动一层,另一层保持静止:第1层=网站文本;第2层=元素背景;为此,我使用简单的源代码(使用jQuery1.6.4):vardocwindow=$(window);functionnewpos(pos,adjust,ratio){return((pos-adjust)*ratio)+"px";}functionmove(){varpos=docwindow.scrollTop();element.css({'top':newpos(pos,0,0.5)

javascript - jQuery 窗口滚动事件。每滚动 XX 像素

我正在为一个项目使用出色的jQueryReel插件(http://jquery.vostrel.cz/reel)。我想绑定(bind)到窗口滚动事件,所以当用户向下滚动页面时,插件前进1帧,也就是说每滚动10像素,如果用户向上滚动,动画就会反转。该插件有一些方法,我可以毫无问题地将值传递给它,而且我知道如何绑定(bind)到窗口滚动事件。我正在挣扎的是最后一个。我如何使用jQuery/JavaScript表示在任何垂直方向上每滚动10个像素在动画中前进1帧?我知道我可以将窗口滚动存储在一个变量中,但我不确定每次它达到10的倍数时如何提前一帧。非常感谢。编辑感谢以下用户的帮助,我制定了解

javascript - Firebase 持久性 - onDisconnect 与多个浏览器窗口

我们正在编写一个监控在线状态的应用程序。在多种情况下,我们需要用户打开多个浏览器窗口。我们遇到了一个问题,用户在辅助浏览器窗口中打开并运行firebasejs代码后,将关闭该辅助窗口。这会将它们在主窗口中设置为离线,因为onDisconnect事件会在辅助窗口中触发。这种情况有解决方法吗?这是可以使用特殊/.info/connected位置的地方吗? 最佳答案 .info/connected存在数据仅告诉给定客户端它们是否链接到Firebase服务器,因此在这种情况下它不会帮助您。您可以尝试以下方法之一:如果离线则重置变量如果您有多

javascript - 限制 'mousewheel' 增量每次滚动触发一次

我在下面使用下面的代码,在不同的方向滚动两个div()但我很想知道你是否可以限制滚动,这样它每次滚动只触发一次(而不是不断滚动并发送我的函数进入无限循环。$('.page-left,.page-right').bind('mousewheel',function(event,delta){varwindowHeight=$(window).height();if(delta0){nextProject();}});你可以看到我在这里:http://dev.rdck.co/lyonandlyon/提前致谢,R供引用的动画功能:varprevProject=function(){//upa

javascript - 将元素带到页面顶部,即使页面不滚动

背景:假设您有一个简单的页面,其中只有一个Logo、一个标题和一个段落FooBarABC12345是这样的该页面显然不会有垂直溢出/滚动条,即使是微型移动设备,更不用说计算机了。问题除非有人向上滚动,否则如何将标题移至屏幕左上角并将Logo移出焦点?开放使用任何JavaScript库和任何CSS框架尝试:尝试使用anchor,但只有当页面已经有滚动条并且anchor不在焦点时它们才有效。尝试过window.scrollTo但这也要求页面已经滚动尝试过$("html,body").animate({scrollTop:90},100);但是当页面没有溢出时这也不起作用注意事项:请注意,添

javascript - 使用 Angular 2 的 Oauth 2 弹出窗口

我正在升级/重写现有的Angular应用程序以使用angular2。我的问题是我想在一个新的弹出窗口中打开一个OAuth流程,一旦OAuth流程完成,使用window.postMessage将OAuth流程成功传达回Angular2应用程序。目前我在angular2服务中拥有的是exportclassApiService{constructor(private_loggedInService:LoggedInService){window.addEventListener('message',this.onPostMessage,false);}startOAuthFlow(){var

javascript - 水平滚动新闻滚动条用 JS 或 JQuery 有什么好用的

我正在寻找一些JQuery或JS来生成水平滚动的“新闻行情”列表。生成的HTML也需要符合标准。我试过了liScroll但这有打破习惯的习惯(有些内容在滚动开始时出现在第二行),尤其是对于较长的列表。我也试过thisNewsTicker但是当包含DOCTYPE时,滚动将在每个循环结束时颠簸而不是平稳循环。如有任何建议,我们将不胜感激。编辑感谢MattHinze的建议,我意识到我可以用JQueryanimate做我想做的事情(我需要连续滚动而不是像示例那样离散滚动)。但是,我很快遇到了与我在使用liScroll时遇到的问题类似的问题,毕竟我意识到CSS问题(一如既往)是负责任的。解决方案

javascript - 如何使用 javascript/jquery 检查鼠标是否退出浏览器窗口?

我需要一种方法来检查鼠标是否在浏览器窗口之外。问题在于,当鼠标快速移出浏览器窗口(我的元素靠近边缘)时,不会触发mouseout事件(或mousemove)。我认为解决我的问题的最好方法是检查计时器是否在窗口内,但我还没有找到方法,因为我需要触发一个事件才能获得鼠标坐标。我是一个javascript/jquery新手,但似乎应该有办法做到这一点,但到目前为止我肯定没能找到它。也许我可以强制触发鼠标事件并查看是否有任何xy值?知道我该怎么做吗?提前致谢! 最佳答案 好像@JoshuaMills在这里解决了这个问题:HowcanIdet